<template>
    <div class="warpper">
        <TopHeader  centerMsg="最近十次提币记录"/>
        <div class="list" v-for="item in list">
            <div class="item">
                <div class="row1">
                    <div class="ti">MKC</div>
                    <div class="num">-23089</div>
                </div>
                <div class="row2">
                    <div class="addr">
                        356131gy213g12738123g1y2g37v12g3yu21v3hjk12f3i7613f2131vh312vv12gh3fgh12f</div>
                    <div class="msg">提币成功</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import TopHeader from '@/components/TopHeader.vue'
    import {mapState} from 'vuex'
    export default {
        name: "tbRecord",
        components: {
            TopHeader,
        },
        data () {
            return {
                list: [{},{}]
            }
        },
        computed:{
            ...mapState([
            ]),

        },
        methods:{


        }
    }
</script>

<style scoped lang='less'>
    .warpper{
        padding-top: 2.8rem;
    }
    .list{
        .item{
            padding: 14px 20px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            .row1, .row2{
                display: flex;
                justify-content: space-between;
            }
            .row1{
                margin-bottom: 6px;
                .ti{
                    color: #121212;
                    font-size: 14px;
                }
                .num{
                    color: #D32E2E;
                    font-size: 16px;

                }
            }
            .row2{
                color: #999;
                align-items: flex-end;
                .addr{
                    width: 80%;
                    text-align: left;
                    word-break: break-all;
                    line-height: 1.4;
                }
            }
        }
    }
</style>

